<script>
export default {
  name: 'DaoHang2',
  methods: {
  }
}
</script>

<template>
<el-col :span="24">
    <el-menu
      default-active="2"
      class="el-menu-vertical-demo"
      @open="handleOpen"
      @close="handleClose"
      background-color="transparent"
      text-color="#fff">
      <el-menu-item index="2">
        <a href="/" class="abiaoqian"><i class="el-icon-s-home" style="font-size: 25px"></i>
        &nbsp;首 页</a>
      </el-menu-item>
      <el-menu-item index="3" >
        <a href="/bowen/" class="abiaoqian"><i class="el-icon-notebook-1" style="font-size: 25px"></i>
        &nbsp;博 文</a>
      </el-menu-item>
    </el-menu>
  </el-col>
</template>

<style scoped lang="scss">
$textcol: white;
$hoverbgd:rgba(0, 0, 0, 0.7);
.el-menu-item{
  &:hover{
    background: $hoverbgd!important;
  }
  .abiaoqian{
  text-decoration: none;
  color: $textcol;
  font-size: 20px;
}
}
</style>
